<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>表格制作</title>
  </head>

  <body>
    <button class="add">add</button>
    <table border="1" cellspacing="0">
      <tbody>
        <tr>
          <th>id</th>
          <th>name</th>
          <th>age</th>
          <th>del</th>
        </tr>
        <!-- <tr>
                <td>1</td>
                <td>hy</td>
                <td>22</td>
                <td><button>删除</button></td>
            </tr> -->
      </tbody>
    </table>
    <script>
      var info = [
        {
          name: "胡杭",
          age: 16,
        },
        {
          name: "胜明",
          age: 22,
        },
        {
          name: "军毅",
          age: 21,
        },
        {
          name: "晓华",
          age: 13,
        },
        {
          name: "盛聪",
          age: 23,
        },
        {
          name: "侦剑",
          age: 32,
        },
        {
          name: "红翔",
          age: 25,
        },
        {
          name: "超维",
          age: 18,
        },
        {
          name: "士琪",
          age: 22,
        },
        {
          name: "艳华",
          age: 20,
        },
      ];
    </script>
  </body>
</html>
